<template>
    <div class="cart-items">
        <div class="container">
            <h2>My Shopping Cart(3)</h2>
            <div class="cart-header">
                <div class="close1"> </div>
                <div class="cart-sec simpleCart_shelfItem">
                    <div class="cart-item cyc">
                         <img src="../assets/images/m1.png" class="img-responsive" alt="">
                    </div>
                    <div class="cart-item-info">
                        <h3><a href="#"> Lorem Ipsum is not simply </a><span>Pickup time:</span></h3>
                        <ul class="qty">
                            <li><p>Min. order value:</p></li>
                            <li><p>FREE delivery</p></li>
                        </ul>
                        <div class="delivery">
                            <p>Service Charges : $10.00</p>
                            <span>Delivered in 1-1:30 hours</span>
                            <div class="clearfix"></div>
                        </div>	
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="cart-header2">
                <div class="close2"> </div>
                <div class="cart-sec simpleCart_shelfItem">
                    <div class="cart-item cyc">
                         <img src="../assets/images/m2.png" class="img-responsive" alt="">
                    </div>
                    <div class="cart-item-info">
                        <h3><a href="#"> Lorem Ipsum is not simply </a><span>Pickup time:</span></h3>
                        <ul class="qty">
                            <li><p>Min. order value:</p></li>
                            <li><p>FREE delivery</p></li>
                        </ul>
                        <div class="delivery">
                        <p>Service Charges : $10.00</p>
                        <span>Delivered in 1-1:30 hours</span>
                        <div class="clearfix"></div>
                    </div>	
                   </div>
                   <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'cart'
    }
    // <script>$(document).ready(function(c) {
    // 	$('.close3').on('click', function(c){
    // 			$('.cart-header3').fadeOut('slow', function(c){
    // 		$('.cart-header3').remove();
    // 	});
    // 	});	  
    // 	});
    // </scrip>
    // <scrip>$(document).ready(function(c) {
    // 	$('.close1').on('click', function(c){
    // 		$('.cart-header').fadeOut('slow', function(c){
    // 			$('.cart-header').remove();
    // 		});
    // 		});	  
    // 	});
    // </scrip>
    // <scrip>$(document).ready(function(c) {
    //     					$('.close2').on('click', function(c){
    //     							$('.cart-header2').fadeOut('slow', function(c){
    //     						$('.cart-header2').remove();
    //     					});
    //     					});	  
    //     					});
    // </scrip>
</script>

<style>
</style>
